<template>
  <div>
    <div>
      <el-row :gutter="20">
        <el-col :span="16">
          <el-card>
        <div slot="header">
          <span class="header-title">站主简介</span>
        </div>
        <div class="text">
          <p>姓名：陈玉婷</p><br>
          <p>年龄：22</p><br>
          <p>座右铭：好好学习，努力赚钱！</p><br>
          <p>电话：15107570831</p><br>
          <p>邮箱：2739896833@qq.com</p><br>
          <p>微信：<img src="../../src/assets/image/wx.jpg" style="width:50px; height:50px;"></p><br>
          
        </div>
      </el-card>
        </el-col>
        <el-col :span="8">
          <el-card>
            <el-calendar v-model="value"> </el-calendar>
      </el-card>
        </el-col>
      </el-row>
      <el-skeleton
        :rows="3"
        animated
        style="text-align: left; margin: 20px 0"
      />
    </div>
  </div>
</template>

<style lang="less" scoped>
.text {
    font-size: 20px;
    margin-bottom: 18px;
    text-align: left;
    font-family: "Times New Roman", Times, serif;
    color: hsl(227, 31%, 58%);
  }
.el-calendar-table .el-calendar-day{
    width: auto;
    height: auto;
  }
.header-title,h2 {
  margin: 20px 0;
  font-size: 30px;
  font-family: "Times New Roman", Times, serif;
  color: hsl(227, 31%, 58%);
}
</style>

<script>
export default {
  name: "vueIntroduce",
  data() {
    return {
      
    };
  },
  
};
</script>